<template>
	<div class="md-atlas" :style="{marginTop: value.margin + 'px', padding: value.paddingy + 'px ' + value.paddingx + 'px', backgroundColor: value.bgcolor}">
		<div class="md-atlas-cell" v-for="item in value.lists">
			<img :src="item.image || defaultImage" />
		</div>
	</div>
</template>

<script>
import defaultSrc from '../../../../assets/default_full.png';
export default {
	name: 'atlasContent',
	props: {
		value: Object
	},
	data() {
		return {
			defaultImage: defaultSrc
		}
	}
}
</script>

<style>
</style>